<template>
  <div class="header"><span></span>{{title}}</div>
</template>

<script>
export default {
  name: 'Header',
  props: {
    title: {
      type: String,
      default: '规章瑰丽'
    },
  },
  data() {
    return {
    }
  },
  mounted() {

  },
  beforeDestroy() {

  },
  methods: {

  }
}
</script>

<style scoped>
.header{
  display:flex;
  align-items: center;
}
.header span{
  display:inline-block;
  height:18px;
  width:4px;
  background:#4A7EF6;
  border-radius: 2px;
  margin-right:10px;
}
</style>
